<template>
  <div>
    <div class="about">
      <a-row>
        <a-col>
          <img src="../../assets/images/swarp-se.jpg" alt style="height: 336px"/>
        </a-col>
      </a-row>

      <div class="about-name">
        <a-row :gutter="24" style="margin-left: 32px;">
          <a-col :md="8" :sm="4" style="float: left;overflow: hidden;"></a-col>
          <a-col :md="2" :sm="4" style="float: left;overflow: hidden;">
            <p></p>
          </a-col>
          <a-col :md="2" :sm="4" style="float: left;overflow: hidden;margin-left: -20px;">关于我们</a-col>
          <a-col :md="2" :sm="4" style="float: left;overflow: hidden;">
            <p></p>
          </a-col>
          <a-col :md="9" :sm="4" style="float: left;overflow: hidden;"></a-col>
        </a-row>
      </div>
      <div class="top">
        <a-row :gutter="24">
          <a-col :md="4" :sm="4" style="float: left;overflow: hidden;"></a-col>
          <a-col :md="3" :sm="4" style="float: left;overflow: hidden;">
            <div class="top-inner">
              <p>公司愿景</p>
              <span>医疗水平成为全省领导者</span>
            </div>
          </a-col>
          <a-col :md="1" :sm="4" style="float: left;overflow: hidden;margin-left: -20px;"></a-col>
          <a-col :md="3" :sm="4" style="float: left;overflow: hidden;">
            <div class="top-inner">
              <p>公司使命</p>
              <span>团结、奉献、求实、创新</span>
            </div>
          </a-col>
          <a-col :md="1" :sm="4" style="float: left;overflow: hidden;margin-left: -20px;"></a-col>
          <a-col :md="3" :sm="4" style="float: left;overflow: hidden;">
            <div class="top-inner">
              <p>管理理念</p>
              <span>创新进取、正道经营</span>
            </div>
          </a-col>
          <a-col :md="1" :sm="4" style="float: left;overflow: hidden;margin-left: -20px;"></a-col>
          <a-col :md="3" :sm="4" style="float: left;overflow: hidden;">
            <div class="top-inner">
              <p>核心价值</p>
              <span>正直诚信、以人为本</span>
            </div>
          </a-col>
          <a-col :md="5" :sm="4" style="float: left;overflow: hidden;"></a-col>
        </a-row>
      </div>
      <div class="inner">
        <a-row :gutter="24">
          <a-col :md="4" :sm="4" style="float: left;overflow: hidden;"></a-col>
          <a-col :md="1" :sm="4" style="float: left;overflow: hidden;margin-left: -20px;">
            <div class="inner-top-left"></div>
          </a-col>
          <a-col :md="2" :sm="4" style="float: left;overflow: hidden;margin-left: -20px;">
            <span class="inner-top-right">
              <p>医院介绍</p>
              <p>Company profile</p>
            </span>
          </a-col>
          <a-col :md="3" :sm="4" style="float: left;overflow: hidden;"></a-col>
        </a-row>
      </div>
      <div class="footer">
        <a-row :gutter="24">
          <a-col :md="4" :sm="4" style="float: left;overflow: hidden;"></a-col>
          <a-col :md="10" :sm="10" style="float: left;overflow: hidden;margin-left: -20px;">
            <div
              class="footer-inner"
            >&nbsp;&nbsp;&nbsp;&nbsp;XXXXXX医院建于1958年，国家卫生健康委委管医院，集医疗、教学、科研、预防、康复与保健为一体的综合性三甲医院。2018年底，在岗职工5157人，开放床位1891张。医院有36个临床科室、10个医技科室。有27个博士点、1个临床博士后流动站。在岗博士生导师57人，中国科学院院士1人、中国工程院院士1人，国家千人计划1人，国家自然科学基金杰出青年基金获得者3人、科技部“973”首席科学家1人、教育部“长江学者特聘教授”2人2人入选国家级“新世纪百千万人才工程”，青年千人计划1人，国家自然科学基金优秀青年科学基金获得者4人，卫生部突出贡献专家10人。近年来，医院坚持以习近平新时代中国特色社会主义思想为指导，牢固树立服务理念，不断提升服务品质、医疗质量、工作效率，取得了明显的社会效益、经济效益和管理效益。目前，医院广大职工正以饱满的热情、昂扬的斗志，以“再创业”的精神，为卫生事业的发展，与时俱进、开拓创新、不断进取。</div>
          </a-col>
          <a-col :md="5" :sm="5" style="float: left;overflow: hidden;margin-left: 20px;">
            <img src="../../assets/images/about-img.jpg" alt />
          </a-col>
          <a-col :md="3" :sm="4" style="float: left;overflow: hidden;"></a-col>
        </a-row>
      </div>
    </div>
    <company-profile />
  </div>
</template>


<script>
import CompanyProfile from '../../components/knowlage/companyProfile'
export default {
  //检查检验页面
  name: 'Beforehomepage',
  components: {
    CompanyProfile
  },
  data() {
    return {}
  },
  created() {},
  methods: {}
}
</script>

<style lang="less" scoped>
.about {
  background-color: #fff;

  img {
    width: 100%;
    height: 400px;
  }
  .about-name {
    font-size: 24px;
    color: #333;
    margin-top: 20px;

    p {
      margin-top: 20px;
      width: 100px;
      height: 0px;
      border-bottom: 1px #cecece solid;
    }
  }
  .top {
    margin-top: 5px;
    color: #333;
    .top-inner {
      height: 100px;
      text-align: center;
      border: 1px solid #38c3c8;
      border-radius: 4px;
      box-sizing: border-box;
      p {
        padding-top: 10px;
        font-size: 18px;
      }
    }
  }
  .inner {
    margin-top: 30px;
    height: 50px;
    .inner-top-left {
      margin-left: 20px;
      width: 4px;
      height: 40px;
      background-color: #38c3c8;
    }
    .inner-top-right {
      font-size: 18px;
      background-color: #38c3c8;
      padding-top: 5px;
      padding-left: -10px;

      p {
        margin: -4px;
      }
      p:last-child {
        font-size: 14px;
      }
    }
  }
  .footer {
    padding-bottom: 30px;

    img {
      width: 300px;
      height: 200px;
    }
    .footer-inner {
      margin-left: 20px;
      font-size: 14px;
      color: #333;
      line-height: 26px;
    }
  }
}
</style>